<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=0">
		<title>我的足迹</title>
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
		<link rel="stylesheet" href="../../css/index.css" />
		<link rel="stylesheet" href="../../css/message.css" />
		<link rel="stylesheet" href="../../js/layer/layer.css" />
		<script type="text/javascript" src="../../js/layer/layer.js"></script>
		<script type="text/javascript" src="../../js/util/loading.js"></script>
		<script type="text/javascript" src="../../js/util/jquery-3.5.1.min.js"></script>
		<script type="text/javascript" src="../../js/util/app.js"></script>
		<script type="text/javascript" src="../../js/ui/Tag.js"></script>
		<script type="text/javascript" src="../../js/mock/footprint.js"></script>
		<script type="text/javascript" src="../../js/util/dateMultiFunc.min.js"></script>
		<script type="text/javascript" src="../../js/biz/user/footprint.js"></script>
	</head>
	<body>
		<div class="page">
			<header class="message-header">
				<h1><i class="fas fa-history spin"></i> 我的足迹</h1>
				<section class="row-center space-between" style="margin-top: var(--gap);">
					<div id="tags" ></div>
					<div class="row-center" id="pick_day">
						<span id="day">选择日期</span>
						<img src="../../img/ic_arrow_down.png" class="icon-small m-l-10"/>
					</div>
				</section>
			</header>
			<main class="content">
				<section class="loading_layout" id="loading_layout">
					<div class="spinner" id="loading_spinner">
						<div class="bounce1"></div>
						<div class="bounce2"></div>
						<div class="bounce3"></div>
					</div>
					<img id="loading_state_img" class="state_img" src="../../img/ic_empty.png" />
					<span id="loading_state_text" class="state_text">正在加载...</span>
				</section>
				<section id="list" class="message-list"></section>
			</main>
		</div>
	</body>
</html>
